// 创建用户相关的小仓库
import { defineStore } from "pinia";
// 引入接口
import { reqLogin, reqUserInfo, reqLogout } from "@/api/user";
// 引入数据类型
import type {
  loginFormData,
  loginResponseData,
  userInfoReponseData,
} from "@/api/user/type";
import type { UserState } from "./types/type";
// 引入操作本地存储的工具方法
import { SET_TOKEN, GET_TOKEN, REMOVE_TOKEN } from "@/utils/token";
// 引入路由（常量路由）
import { constantRoute, asnycRoute, anyRouter } from "@/router/routes";
// 引入深拷贝方法
import cloneDeep from "lodash/cloneDeep";
import router from "@/router";

// 用于过滤当前用户需要展示的异步路由
function filterAsyncRoute(asnycRoute: any, routes: any) {
  return asnycRoute.filter((item: any) => {
    if (routes.includes(item.name)) {
      if (item.children && item.children.length > 0) {
        item.children = filterAsyncRoute(item.children, routes);
      }
      return true;
    }
  });
}
// 创建用户小仓库
const useUserStore = defineStore("User", {
  // 小仓库存储数据地方
  state: (): UserState => {
    return {
      token: GET_TOKEN(), //用户唯一标识token
      menuRouters: constantRoute, // 仓库存储生成菜单所需要的数组（路由）
      username: "",
      avatar: "",
      buttons: [], // 存储当前用户是否包含某一个按钮
    };
  },
  // 异步|逻辑的地方
  actions: {
    // 用户登录的方法
    async userLogin(data: loginFormData) {
      // 登录请求
      const result: loginResponseData = await reqLogin(data);
      // 登录请求：成功200->token
      // 登录请求：失败201->登陆失败错误信息
      if (result.code == 200) {
        // pinia仓库存储一下token
        // 由于pinia|vuex存储数据其实利用js对象
        this.token = result.data as string;
        // 本地存储持久化存储一份
        SET_TOKEN(result.data as string);
        // 能保证当前async函数返回一个成功的promise
        return "ok";
      } else {
        return Promise.reject(new Error(result.data));
      }
    },
    // 获取用户信息方法
    async userInfo() {
      // 获取用户信息进行存储仓库当中【用户头像、名字】
      const result: userInfoReponseData = await reqUserInfo();
      // 如果获取用户信息成功，存储一下用户信息
      if (result.code == 200) {
        this.username = result.data.name;
        this.avatar = result.data.avatar;
        this.buttons = result.data.buttons;
        // 计算当前用户需要展示的异步路由
        let userAsyncRoute = filterAsyncRoute(
          cloneDeep(asnycRoute),
          result.data.routes,
        );
        // 菜单需要的数据整理完毕
        this.menuRouters = [...constantRoute, ...userAsyncRoute, anyRouter];
        // 目前路由器管理的只有常量路由:用户计算完毕异步路由、任意路由动态追加
        [...userAsyncRoute, anyRouter].forEach((route: any) => {
          router.addRoute(route);
        });
        // 打印当前用户全部的路由
        console.log(router.getRoutes());
        return "ok";
      } else {
        return Promise.reject(new Error(result.message));
      }
    },
    // 退出登录
    async userLogout() {
      const result: any = await reqLogout();
      if (result.code == 200) {
        // 目前没有mock接口：退出登录接口（通知服务器本地用户唯一标识失效）
        this.token = "";
        this.username = "";
        this.avatar = "";
        REMOVE_TOKEN();
        return "ok";
      } else {
        return Promise.reject(new Error(result.message));
      }
    },
  },
  getters: {},
});
// 对外暴露获取小仓库方法
export default useUserStore;
